- pretty_name = @project&.full_name ? html_escape(@project&.full_name) : '<' + _('project name') + '>'
- run_actions_text = html_escape_once(s_("ProjectService|Perform common operations on GitLab project: %{project_name}") % { project_name: pretty_name })

.info-well
  .well-segment
    %p
      = s_("SlackService|Perform common operations in this project by entering slash commands in Slack.")
      = link_to help_page_path('user/project/integrations/slack_slash_commands.md'), target: '_blank' do
        = _("Learn more.")
        = sprite_icon('external-link')
    %p.inline
      = s_("SlackService|After setup, get a list of available Slack slash commands by entering")
      %kbd.inline /&lt;command&gt; help
    - if integration.project_level?
      %p= _("To set up this integration:")
      %ul.list-unstyled.indent-list
        %li
          - slash_command_link_url = 'https://my.slack.com/services/new/slash-commands'
          - slash_command_link_start = '<a href="%{url}" target="_blank" rel="noopener noreferrer">'.html_safe % { url: slash_command_link_url }
          - slash_command_link_end = ' %{external_link_icon}</a>'.html_safe % { external_link_icon: sprite_icon('external-link') }
          = html_escape(s_('SlackService|1. %{slash_command_link_start}Add a slash command%{slash_command_link_end} in your Slack team using this information:')) % { slash_command_link_start: slash_command_link_start, slash_command_link_end: slash_command_link_end }

      %hr

      .help-form
        .form-group
          = label_tag nil, _('Command'), class: 'col-12 col-form-label label-bold'
          .col-12
            %p= s_('SlackService|Fill in the word that works best for your team.')
            %p
              = _("Suggestions:")
              %code= 'gitlab'
              %code= 'project'
              - if @project
                %code= @project.path # Path contains no spaces, but dashes
                %code= @project.full_path

        .form-group
          = label_tag :url, 'URL', class: 'col-12 col-form-label label-bold'
          .col-12.input-group
            = text_field_tag :url, service_trigger_url(integration), class: 'form-control form-control-sm', readonly: 'readonly'
            .input-group-append
              = clipboard_button(target: '#url', class: 'input-group-text')

        .form-group
          = label_tag nil, _('Method'), class: 'col-12 col-form-label label-bold'
          .col-12 POST

        .form-group
          = label_tag :customize_name, _('Customize name'), class: 'col-12 col-form-label label-bold'
          .col-12.input-group
            = text_field_tag :customize_name, 'GitLab', class: 'form-control form-control-sm', readonly: 'readonly'
            .input-group-append
              = clipboard_button(target: '#customize_name', class: 'input-group-text')

        .form-group
          = label_tag nil, _('Customize icon'), class: 'col-12 col-form-label label-bold'
          .col-12
            = image_tag(asset_url('slash-command-logo.png', skip_pipeline: true), width: 36, height: 36, class: 'mr-3')
            = link_button_to _('Download image'), asset_url('gitlab_logo.png'), target: '_blank', rel: 'noopener noreferrer', size: :small

        .form-group
          = label_tag nil, _('Autocomplete'), class: 'col-12 col-form-label label-bold'
          .col-12 Show this command in the autocomplete list

        .form-group
          = label_tag :autocomplete_description, _('Autocomplete description'), class: 'col-12 col-form-label label-bold'
          .col-12.input-group
            = text_field_tag :autocomplete_description, run_actions_text.html_safe, class: 'form-control form-control-sm', readonly: 'readonly'
            .input-group-append
              = clipboard_button(target: '#autocomplete_description', class: 'input-group-text')

        .form-group
          = label_tag :autocomplete_usage_hint, _('Autocomplete usage hint'), class: 'col-12 col-form-label label-bold'
          .col-12.input-group
            = text_field_tag :autocomplete_usage_hint, '[help]', class: 'form-control form-control-sm', readonly: 'readonly'
            .input-group-append
              = clipboard_button(target: '#autocomplete_usage_hint', class: 'input-group-text')

        .form-group
          = label_tag :descriptive_label, _('Descriptive label'), class: 'col-12 col-form-label label-bold'
          .col-12.input-group
            = text_field_tag :descriptive_label, _('Perform common operations on GitLab project'), class: 'form-control form-control-sm', readonly: 'readonly'
            .input-group-append
              = clipboard_button(target: '#descriptive_label', class: 'input-group-text')

      %hr

      %ul.list-unstyled.indent-list
        %li
          = html_escape(s_("SlackService|2. Paste the token from Slack in the %{strong_open}Token%{strong_close} field below.")) % { strong_open: '<strong>'.html_safe, strong_close: '</strong>'.html_safe }
        %li
          = html_escape(s_("SlackService|3. Select the %{strong_open}Active%{strong_close} checkbox, select %{strong_open}Save changes%{strong_close}, and start using slash commands in Slack!")) % { strong_open: '<strong>'.html_safe, strong_close: '</strong>'.html_safe }
